UE.registerUI('hrAdd',function(editor,uiName){

    //创建dialog
    var dialog = new UE.ui.Dialog({
        //指定弹出层中页面的路径，这里只能支持页面,因为跟addCustomizeDialog.js相同目录，所以无需加路径
        iframeUrl:'hr_add/hr-Add.html',
        //需要指定当前的编辑器实例
        editor:editor,
        //指定dialog的名字
        name:'分割线添加',
        //dialog的标题
        title:"选择要添加的分割线",

        //指定dialog的外围样式
        cssRules:"width:300px;height:200px;",

        //如果给出了buttons就代表dialog有确定和取消
        buttons:[
            {
                className:'edui-okbutton',
                label:'确定',
                onclick:function () {
					//ada=window.frames[dialog.getDom().getElementsByTagName('iframe')[0].find("iframe").attr("id")].contentWindow;
					var btns=dialog.getDom().getElementsByTagName('iframe')[0].contentDocument.getElementsByName('btnOption');					
					//var btns=document.getElementsByName('btnOption');
					var checkedBtn=null;
					for(var i=0;i<btns.length;i++){
						if (btns[i].checked) {
							checkedBtn=btns[i];
							break;
						}
					}
					if (checkedBtn) {
						editor.execCommand( 'inserthtml', checkedBtn.nextElementSibling.outerHTML);
						dialog.close(true);
					}else{
						alert('请选择一个按钮');
					}
                	editor.execCommand( 'inserthtml', '<span style="background:yellow">[日期(yyyy-dd-mm)]</span>' );
                    dialog.close(true);
                }
            },
            {
                className:'edui-cancelbutton',
                label:'取消',
                onclick:function () {
                    dialog.close(false);
                }
            }
        ]});

    //参考addCustomizeButton.js
    var btn = new UE.ui.Button({
        name:'添加分割线',
        title:'添加分割线',
        //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
        cssRules :'background-position: -361px 1px;',
        onclick:function () {
            //渲染dialog
            dialog.render();
            dialog.open();
        }
    });

    return btn;
}/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/);